// 创建一个路由器，并暴漏出去

// 1. 引入
import { createRouter, createWebHistory } from 'vue-router';
import Home from '@/pages/Home.vue';
import News from '@/pages/News.vue';
import About from '@/pages/About.vue';
import Detail from '@/pages/Detail.vue';

// 2. 创建路由器
const router = createRouter({
    history: createWebHistory(),    // 路由器的工作模式
    routes: [                       // 路由规则
        { name: 'shouye', path: '/home', component: Home },  // 在这里使用的组件称为路由组件，概念上需要区分于一般组件
        {
            name: 'xinwen',
            path: '/news',
            component: News,
            children: [
                {
                    path: 'detail', // 注意，不需要写/（即/detail）
                    component: Detail
                },
            ]
        },
        { name: 'guanyu', path: '/about', component: About },
    ]
});

// 暴漏出去
export default router;